page {
  background-color: #EDECE8;

  view {
    border-radius: 10rpx;
  }
}

.userinfo {
  .userinfo-image {
    width: 100%;
    height: 40vh;
    filter: blur(20rpx);
    background-size: cover;
    background-position: center;
    transition: background .3s ease-in-out;
    position: relative;

  }

  .userinfo-icon {
    position: absolute;
    top: 10%;
    transform: translateX(-50%);
    left: 50%;
    text-align: center;

    image {
      width: 150rpx;
      border-radius: 50%;
    }

    .username {
      color: #fff;
      font-size: 28rpx;
      margin-top: 40rpx;
    }
  }
}

.userlogin {
  background-color: #0094ff;
  background-size: cover;
  background-position: center;
  transition: background .3s ease-in-out;
  position: relative;
  width: 100%;
  height: 50vh;

  .loginbtn {
    position: absolute;
    top: 20%;
    transform: translateX(-50%);
    left: 50%;
    text-align: center;
  }
}

.user_content {
  position: relative;
  font-size: 28rpx;
  color: #666;

  .user_main {
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    top: -40rpx;

    .history_warp {
      background-color: #fff;
      display: flex;

      navigator {
        padding: 10rpx 0;
        flex: 1;
        text-align: center;

        .his_num {
          color: #f06;
        }

        .his_name {
          color: #666;
        }
      }
    }

    .orders_warp {
      background-color: #fff;
      margin-top: 30rpx;
      width: 100%;

      .orders_header {
        padding: 20rpx;
        border-bottom: 1px solid #ccc;
      }

      .iconf {
        padding: 15rpx;
        display: flex;
        justify-content: space-between;

        navigator {
          flex: 1;

          .iconfont {
            margin: 0 auto;
            color: #f06;
            width: 40rpx;
            height: 42rpx;
          }

          text-align: center;
        }
      }

    }

    .address {
      width: 100%;
      margin-top: 30rpx;

      .address_wrap {
        background-color: #fff;
        padding: 20rpx;
      }
    }


    .app_info_wrpa {
      margin-top: 30rpx;
      width: 100%;
      background-color: #fff;

      .app_info_item {
        display: flex;
        justify-content: space-between;
        padding: 20rpx;
        border-bottom: 1px solid #ccc;
      }
    }

    .share_wrap {
      width: 100%;
      background-color: #fff;
      margin: 30rpx 0;

      .share_text {
        padding: 20rpx;
      }
    }
  }


}